<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>应急信息管理_统计分析_已有作业界面</title>
    <link rel="stylesheet" href="<%=basePath %>jclient/css/public.css" type="text/css" />
     <link href="<%=basePath%>jclient/css/public/select.css" rel="stylesheet" type="text/css" />
       <link href="<%=basePath%>jclient/css/public/style.css" rel="stylesheet" type="text/css" />
     <script type="text/javascript" src="<%=basePath %>jclient/javascript/public/jquery.min.js"></script>
     <script type="text/javascript" src="<%=basePath %>jclient/javascript/public/highcharts.js"></script>
  </head>
  <body >
    				<div style="margin-top:30px">
						<span style="margin-left:40px;font-size:20pt;font-weight: 600;float:left" >
							于桥水库2014年6`10月水体藻细胞密度趋势分析
						</span>
						<ul class="toolbar1">
        					<li  style="cursor: pointer;" onclick="javascript:window.location.href='<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_cx.jsp'">
        					<span><img src="<%=basePath%>jclient/css/public/images/t01.png" /></span>
        							添加趋势分析
        					</li>
        					<li  style="cursor: pointer;" onclick="javascript:window.location.href='<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_dbfx_cx.jsp'">
        					<span><img src="<%=basePath%>jclient/css/public/images/t01.png" /></span>
        							添加对比分析
        					</li>
       						 <li><span><img src="<%=basePath%>jclient/css/public/images/t03.png" />
       						 	</span>删除本作业</li>
       						 </ul>
    					</div>
    			<div style="float: left;width:100%" > 
    			<table style="width: 100%;height: ">
    			<tr>
    				<td style="width: 40%;">
				    <table class="tablelist" style="height:480px"  >
				    	<thead>
				    	<tr>
				        <th style="width: 40px">编号</th>
				        <th>记录表名录</th>
				        <th style="width: 80px">操作</th>
				        </tr>
				        </thead>
				        <tbody >
				   
				        <tr>
				        <td>1</td>
				        <td> 2014年6月于桥水库体操细胞密度检测记录表</td>
				        <td><a href="javascript:#" class="tablelink">查看</a></td>
				        </tr>        
				        <tr>
				        <td>2</td>
				        <td> 2014年6月于桥水库体操细胞密度检测记录表</td>
				        <td><a href="javascript:#" class="tablelink">查看</a></td>
				        </tr>        
				        <tr>
				        <td>3</td>
				        <td> 2014年6月于桥水库体操细胞密度检测记录表</td>
				        <td><a href="javascript:#" class="tablelink">查看</a></td>
				        </tr>        
				        <tr>
				        <td>4</td>
				        <td> 2014年6月于桥水库体操细胞密度检测记录表</td>
				        <td><a href="javascript:#" class="tablelink">查看</a></td>
				        </tr>        
				        <tr>
				        <td>5</td>
				        <td> 2014年6月于桥水库体操细胞密度检测记录表</td>
				        <td><a href="javascript:#" class="tablelink">查看</a></td>
				        </tr>        
				        <tr>
				        <td>6</td>
				        <td> 2014年6月于桥水库体操细胞密度检测记录表</td>
				        <td><a href="javascript:#" class="tablelink">查看</a></td>
				        </tr>        
				        </tbody>
				    </table>
				      <div class="pagin" >
				    	<div class="message" style="margin-top: 8;float:left">共<i class="blue">100</i>条记录，当前显示第&nbsp;<i class="blue">1&nbsp;</i>页</div>
				        <ul class="paginList">
				        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
				        <li class="paginItem"><a href="javascript:;">1</a></li>
				        <li class="paginItem current"><a href="javascript:;">2</a></li>
				        <li class="paginItem"><a href="javascript:;">3</a></li>
				        <li class="paginItem"><a href="javascript:;">4</a></li>
				        <li class="paginItem"><a href="javascript:;">5</a></li>
				        <li class="paginItem more"><a href="javascript:;">...</a></li>
				        <li class="paginItem"><a href="javascript:;">10</a></li>
				        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
				        </ul>
				   	</div>
				    </td>
				    <td>
				    <table class="tablelist" style="height:480px"  >
				    	<thead>
				    	<tr>
				        <th style="width: 40px"><input name="" type="checkbox" value="" checked="checked"/></th>
				        <th>分析结果图</th>
				        <th style="width: 100px">操作</th>
				        </tr>
				        </thead>
				        <tbody >
				        
				        <tr>
				        <td><input name="" type="checkbox" value="" /></td>
				        <td><div id="zx2" style="height: 200px;width: 500px;"></div></td>
				        <td><a href="javascript:#" class="tablelink">查看</a>     <a href="javascript:#" class="tablelink">删除</a></td>
				        </tr>        
				        <tr>
				        <td><input name="" type="checkbox" value="" /></td>
				        <td><div id="zx2" style="height: 200px;width: 500px;"></div></td>
				        <td><a href="javascript:#" class="tablelink">查看</a>     <a href="javascript:#" class="tablelink">删除</a></td>
				        </tr>        
				        </tbody>
				    </table>
				    <div class="pagin">
				    	<div class="message" style="margin-top: 8px;float:right;margin-right:320px">共<i class="blue">100</i>条记录，当前显示第&nbsp;<i class="blue">1&nbsp;</i>页</div>
				        <ul class="paginList">
				        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
				        <li class="paginItem"><a href="javascript:;">1</a></li>
				        <li class="paginItem current"><a href="javascript:;">2</a></li>
				        <li class="paginItem"><a href="javascript:;">3</a></li>
				        <li class="paginItem"><a href="javascript:;">4</a></li>
				        <li class="paginItem"><a href="javascript:;">5</a></li>
				        <li class="paginItem more"><a href="javascript:;">...</a></li>
				        <li class="paginItem"><a href="javascript:;">10</a></li>
				        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
				        </ul>
				    </div>
				    </td>
				    </tr>
				    </table>
    			</div>
    			<div>
		    		
		    	</div>
    	<script type="text/javascript">
    	    $(function (){
    	       $('#zx2').highcharts({
			        title: {
			            text: '趋势分析',
			            x: -20 //center
			        },
			        xAxis: {
			            categories: ['2013-1', '2013-2', '2013-3', '2013-4', '2013-5']
			        },
			        yAxis: {
			            title: {
			                text: ' (单位)'
			            },
			            plotLines: [{
			                value: 0,
			                width: 1,
			                color: '#808080'
			            }]
			        },
			        tooltip: {
			            valueSuffix: '(单位)'
			        },
			        legend: {
			            layout: 'vertical',
			            align: 'right',
			            verticalAlign: 'middle',
			            borderWidth: 0
			        },
			        series: [{
			            name: '水藻密度1',
			            data: [7.0, 6.9, 9.5, 14.5, 18.2]
			        }, {
			            name: '水藻密度2',
			            data: [-0.2, 0.8, 5.7, 11.3, 17.0]
			        }]
			    });
			});
    	</script>
  </body>
</html>
